<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>赛博云平台</title>
    <link rel="stylesheet" href="/static/layui/css/layui.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">
            <h1>赛博云平台</h1>
        </div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">

        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
                    ${(loginer.name)!}
                </a>
                <dl class="layui-nav-child">
                    <!--<dd><a href="">基本资料</a></dd>
                    <dd><a href="">安全设置</a></dd>-->
                </dl>
            </li>
            <li class="layui-nav-item"><a href="/workLog/login">退了</a></li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item"><a onclick="javascript :history.go(-1);">返回</a></li>
                <li class="layui-nav-item"><a href="/view/addressBook">通信录</a></li>
            </ul>
        </div>
    </div>

    <div class="layui-body">
        <h2><strong>通信录:</strong></h2>
        <form class="layui-form" action="">
            <div class="layui-form-item layui-inline" style="margin-left: 90px">
                <label class="layui-form-label" style="width: 90px">姓名</label>
                <div class="layui-input-inline">
                    <input type="text" name="name" placeholder="请输入姓名查询 " autocomplete="off"
                           class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-inline">
                <label class="layui-form-label">职位</label>
                <div class="layui-input-block">
                    <select name="position">
                        <option value="">不限</option>
                        <option value="0">java开发</option>
                        <option value="1">测试工程师</option>
                        <option value="2">前端开发</option>
                        <option value="3">部门主管</option>
                        <option value="4">行政</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item layui-inline">
                <label class="layui-form-label">电话</label>
                <div class="layui-input-inline">
                    <input type="text" name="phone" placeholder="请输入电话查询 " autocomplete="off"
                           class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-inlin" style="float:right">
                <div class="layui-input-inline">
                    <button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="formSub">
                        查询
                    </button>
                    <button type="reset" class="layui-btn layui-btn-primary">
                        重置
                    </button>
                </div>
            </div>
        </form>
        <div align="center">
            <table class="layui-hide" id="test" lay-filter="test"></table>
        </div>

        <!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
        <script src="/static/layui/layui.js" charset="utf-8"></script>
       <script src="/static/js/addressBook.js"></script>
    </div>
</div>
</body>

</html>